<template>
   <footer class="p-4 bottom-0 c" style="background-color: #fff;">
      <div class="content" style="text-align: center">
        <div>
          <el-row>
            <el-col :span="8">
              <img :src="getSettingbyKey('home_logo')" style="width: 189.69px;height: 50px;" />
            </el-col>
            <el-col :span="16">
              <el-row>
                <el-col :span="6" class=" text-left">
                  <div style="margin-bottom: 15px;font-size: 18px;font-weight: 600;">热门产品</div>
                  <div>基础码生成工具</div>
                  <div>活码生态搭建系统</div>
                  <div>行业衍生</div>
                  <div>硬件及标签制作</div>
                </el-col>
                <el-col :span="6" class=" text-left">
                  <div style="margin-bottom: 15px;font-size: 18px;font-weight: 600;">探索二维码</div>
                  <div>模板库</div>
                  <div>应用方案</div>
                  <div>知识库</div>

                </el-col>
                <el-col :span="6" class=" text-left">
                  <div style="margin-bottom: 15px;font-size: 18px;font-weight: 600;">帮助与支持</div>
                  <div>帮助中心</div>
                  <div>购买咨询</div>
                  <div>网站地图</div>

                </el-col>
                <el-col :span="6" class=" text-left">
                  <div style="margin-bottom: 15px;font-size: 18px;font-weight: 600;">法律与法规</div>
                  <div>用户协议</div>
                  <div>隐私协议</div>
                  <div>关于我们</div>
                  <div>数据安全</div>
                </el-col>
              </el-row>
            </el-col>
          </el-row>
        </div>
        <div class="mb-2 lg:mb-0;text-sm  mt-10">
          <p>
            中科元创（苏州）动画科技有限公司 Copyright © 2024 All Rights Reserved
            <a href="https://beian.miit.gov.cn/" target="_blank">苏ICP备2023006373号</a>
          </p>
        </div>
      </div>
    </footer>
</template>

<script setup>
import { ref, reactive, toRefs, onMounted} from 'vue'
import { useRoute } from 'vue-router';
import { getSettingbyKey } from '@/utils/index.js';
onMounted(() => {});
</script>
<style scoped lang="less">
</style>
